<template>
	<view class="audit-box">
		<bsNavBar title='会员认证'></bsNavBar>
		<view class="">
			<image class="icon" :src="imgUrl+'duihao.png'" mode=""></image>
			<view class="title">
				支付成功
			</view>
			<view class="msg-text-title">
				您已认证成功，会员信息如下：
			</view>
			<view class="msg-list">
				<bsTitleContent title='姓  名' content='凯尔'></bsTitleContent>
				<bsTitleContent title='个人会员' content='凯尔'></bsTitleContent>
				<bsTitleContent title='会员编号' content='凯尔'></bsTitleContent>
				<bsTitleContent title='专业类别' content='凯尔'></bsTitleContent>
				<bsTitleContent title='入会时间' content='凯尔'></bsTitleContent>
				<bsTitleContent title='到期时间' content='凯尔'></bsTitleContent>
			</view>
			<u-button type="jz" ripple="" @click="handPay">确 认</u-button>
		</view>
	</view>
</template>

<script>
	import bsTitleContent from '@/components/bs-title-content/bs-title-content.vue'
	export default {
		components:{
			bsTitleContent
		},
		data() {
			return {
				imgUrl: this.configImgUrl
			};
		},
		methods: {
			handPay() {

			}
		}
	}
</script>

<style lang="scss" scoped>
	.audit-box {
		text-align: center;
		padding: 92rpx 100rpx;
		.msg-list{
			text-align: left;
			margin-bottom: 100rpx;
		}
		.title {
			margin: 40rpx 0 20rpx 0;
			font-size: 36rpx;
			color: $bs-text-color-333;
			font-weight: bold;
		}

		.msg-text-title {
			font-weight: bold;
			font-size: 36rpx;
			text-align: left;
			color: $bs-text-color-333;
			margin-bottom: 30rpx;
		}

		.content-text {
			text-align: left;
			margin-bottom: 20rpx;
			color: #666666;
			font-size: 32rpx;
		}

		.icon {
			width: 130rpx;
			height: 130rpx;
		}
	}
</style>
